.header {
	text-align: center; margin: 0px auto; width: 100%; display: block
}
.header h1 {
	font-family: cursive; font-size: 30px; font-weight: bold
}
.header #newgamebutton {
	padding-bottom: 10px; background-color: #8f7a66; margin: 0px 5px; padding-left: 10px; 
	width: 100px; padding-right: 10px; display: block; font-family: cursive; color: white; 
	text-decoration: none; padding-top: 10px; border-radius: 10px;cursor: pointer;
}
.header #newgamebutton:hover {
	background-color: #9f8b77
}
.score-div{
	position: absolute;
    width: 100px;
    margin-top: -25px;
    margin-left: 0px;
    font-size: 20px;
	font-family: cursive;
    z-index: 998;
}
.creator-info{
	position: absolute;
    width: 150px;
    margin-top: -25px;
    margin-left: 320px;
    font-size: 18px;
	font-family: cursive;
    z-index: 998;
    cursor: pointer;
}
.creator-info:hover{
	text-decoration: underline;
}
.game-info{
	display:none;
	position: absolute;
    z-index: 9999;
    width: 250px;
    height: 400px;
    margin-left: 102px;
    background-color: rgb(247, 220, 161);
    border-radius: 8px;
    border-style: ridge;
}
.game-over{
	display:none;
	position: absolute;
	z-index: 9999;
	font-size: 68px;
	font-family: cursive;
	font-weight: bold;
	color: rgb(197, 0, 0);
	margin-top: 150px;
}
.game-info-text{
	margin:25px 3px 10px 5px;
	font-family: cursive;
	font-size: 18px;
	line-height: 36px;	 
}
.game-info-text div:first-child{
	line-height: 20px;
	color: red;
	font-weight: bold;
}
.cancle-btn{
	margin-right: 10px;
	font-size: 18px;
	font-weight: bold;
	font-family: cursive;
	cursor: pointer;
	width: 20px;
	float: right;
}
.cancle-btn:hover{
	font-size: 19px;
}
.loadprolist{
	width: 400px;
	position: absolute;
	display:none;
	z-index: 999;
	background-color: rgb(176, 153, 131);
	border-radius: 8px;
	margin-top: 40px;
	margin-left: -400px;
	text-align: left;
	font-size: 18px;
	font-family: cursive;
}
#grid-container {
	position: relative; padding-bottom: 50px; background-color: #bbada0; margin: 5px auto; 
	padding-left: 50px; width: 460px; padding-right: 50px; height: 460px; padding-top: 50px; border-radius: 10px
}
.grid-cell {
	position: absolute; background-color: #ccc0b3; width: 100px; height: 100px; border-radius: 6px
}
.number-cell {
	position: absolute; text-align: center; line-height: 100px; width: 100px; font-family: cursive; 
	height: 100px; font-size: 60px; font-weight: bold; border-radius: 6px
}
.number-length-4{
	font-size: 45px;
}
.number-length-5{
	font-size: 35px;
}